<template>
  <ul class="category-list">
    <li v-for="item in data" :key="item.id">
      <a class="category-item" href="javascript:;">{{ item.name }}</a>
    </li>
  </ul>
</template>

<script setup>
defineProps(["data"]);
</script>

<style lang="less">
.category-list {
  text-align: center;
  .category-item {
    display: block;
    padding: 6px 2px;
    color: rgba(51, 51, 51, 0.88);
    line-height: 1.5;
    font-size: 7px;
    text-decoration: none;
  }
}
</style>
